{include file="header.html"}
<script>
    $(function() {
        $(".index-header").hide();
    })
</script>



<div id="ju_show">
    <div class="pic">
        <a href="{url app=group&id=$groupbuy.goods_id&gid=$groupbuy.group_id}" target="_blank">
            <img src="{$site_url}/{if $groupbuy.image}{$groupbuy.image}{else}{$groupbuy.default_image}{/if}"  width="100%" >
        </a>
    </div>
    <div >
        <div class="pricebar">
            <div class="subleft avil">
                <div class="price ">¥<strong>{$groupbuy.group_price}</strong></div>
                <div class="information">
                    <div class="oprice">¥<del>{$groupbuy.price}</del></div>
                    <div class="soldcount"><span>{if $groupbuy.group_count} {$groupbuy.group_count} {else} 0 {/if}</span>{$lang.jian}{$lang.sold_out}</div>
                </div></div>
            <div class="countdown">
                <div class="txt">{$lang.end_only}</div>
                <div class="clockrun">
                    <span class="num" id="J_TimeHour">{$groupbuy.lefttime.d}</span><span class="dot">:</span>
                    <span class="num" id="J_TimeMin">{$groupbuy.lefttime.h}</span><span class="dot">:</span>
                    <span class="num" id="J_TimeSec">{$groupbuy.lefttime.m}</span><span class="dot">:</span>
                    <span class="num" id="J_TimeWSec">{$groupbuy.lefttime.s}</span>
                </div>
            </div>
        </div>
        <div class="item-info clearfix">
            <h1>{$groupbuy.group_name|escape}</h1>
            <a href="{url app=group&id=$groupbuy.goods_id&gid=$groupbuy.group_id}"><p class="buy_button">{$lang.Immediately_grab}<span class="iconfont">&#x3464;</span></p></a>
        </div>
    
    </div>

    <div class="box-down clearfix">
        <div class="box-lside">   
            <div class="it-detail">
                <ul class="detail-tab">
                    <li class="current" id="tab1"><span>{$lang.particulars}</span></li>
                    <li id="tab2"><span>{$lang.before_evaluation}</span></li>
                    <li id="tab3" style="border:0"><span>{$lang.place_order_just_now}</span></li>
                </ul>
                <div class="detail-con" tabid="tab1">
                    <!-- 保证金 -->
                    <div class="ju-qc-main">
                        <div class="ju-qc-content">
                            <div class="qc-detail-box deposit">
                                <h5>{$lang.deposit_activity}</h5>
                                <div class="qc-info">{$lang.deposit_buyer}</div>
                            </div>
                        </div>
                    </div>
                    <div class="infodetail">
                        {$groupbuy.group_desc}
                    </div>
                    <p class="detail-link-more">
                        <a target="_blank" href="{url app=group&id=$groupbuy.goods_id&gid=$groupbuy.group_id}">{$lang.view_more_detail}</a>
                    </p>
                </div>
                <div class="detail-con" tabid="tab2" style="display:none">
                    <div class="message">
                        <!-- {foreach from=$goods_comments item=comment} -->
                        <dl>
                            <dt>
                            <p class="eval-txt">{$comment.comment|escape|nl2br}</p>
                            <p class="time">[{$comment.evaluation_time|date:complete}]</p>
                            </dt>
                            <dd>
                                <span style="display:inline-block;width:70px;"><span class="section" style="width:{$comment.star_width}%"><img src="{res file=images/comment_star.png}" style="width: 70px;height: 10px;margin-top: 5px;"></span></span>
                                <p>{if $comment.anonymous}***{else}{$comment.buyer_name|escape}{/if}</p>
                            </dd>
                        </dl>
                        <!-- {foreachelse} -->
                        <div class="message_text">{$lang.no_records}</div>
                        <!-- {/foreach} -->
                    </div>
                </div>
                <div class="detail-con" tabid="tab3" style="display:none">

                    <!--{if $order_list}-->
                    <div class="buyer">
                        <div class="hd">
                            <h3>{$lang.seller_notice} </h3>
                        </div>
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <thead>
                                <tr>
                                    <th>{$lang.buyer_name}</th>
                                    <th>{$lang.goods_name}</th>
                                    <th>{$lang.offer_price}</th>
                                    <th>{$lang.purchase_quantity}</th>
                                    <th>{$lang.order_time}</th>
                                </tr>
                            </thead>
                            <tbody>
                                <!--{foreach from=$order_list item=order}-->
                                <tr>
                                    <td>{$order.buyer_name}</td>
                                    <td><a href="{url app=group&id=$order.goods_id&gid=$order.group_id}">{$groupbuy.group_name|truncate:34}</a></td>
                                    <td>{$order.price}</td>
                                    <td>{$order.quantity}</td>
                                    <td>{$order.add_time|date:complete}</td>
                                </tr>
                                <!--{/foreach}-->
                            </tbody>
                        </table> 
                    </div>
                    <!--{else}--> 
                    <div class="message_text">{$lang.no_records}</div>
                    <!--{/if}--> 
                </div>
            </div>


        </div>

    </div>
</div>
<script>
    $(function(){
       $(".detail-con img").each(function(){
            var img_src=$(this).attr("src");
                $(this).attr("src",img_src.replace("./data","{$site_url}/data"));
       })
    })
</script>
<script type="text/javascript">
    $(document).ready(function() {

        $.each($('.clockrun'), function() {

            var theDaysBox = $(this).find('#J_TimeHour');
            var theHoursBox = $(this).find('#J_TimeMin');
            var theMinsBox = $(this).find('#J_TimeSec');
            var theSecsBox = $(this).find('#J_TimeWSec');

            countdown(theDaysBox, theHoursBox, theMinsBox, theSecsBox);
        });

        $(".detail-tab li").click(function() {
            $(".detail-tab li").each(function() {
                $(this).removeClass("current");
                $(".detail-con").hide();
            });
            $(this).addClass("current");
            var id = $(this).attr("id");
            $("[tabid=" + id + "]").show();
        });

    });
</script>
{include file="footer.html"}

